@import '../../styles/variables.scss';

.wrap {
  box-sizing: border-box;
}
.mainTable {
  width: 100%;
  text-align: center;

  tr {
    display: flex;
  }

  td {
    position: relative;

    &:not(:first-child):before {
      display: block;
      position: absolute;
      content: '';
      width: 1px;
      margin-left: -0.5px;
      padding-bottom: 100%;
      background-color: $color-border;
    }
  }

  tr:nth-child(odd) {
    background-color: $color-bg-tr1;
    td:nth-child(n+2):nth-child(-n+4) {
      color: $color-font-pink;
      background-color: $color-tr1-pink;
    }
  }

  tr:nth-child(even) {
    background-color: $color-bg-tr2;
    td:nth-child(n+2):nth-child(-n+4) {
      color: $color-font-pink;
      background-color: $color-tr2-pink;
    }
  }
}
